"use client"

import { useGlobalContext } from "./GlobalContext";

export const Context = () => {
  const ctx = useGlobalContext()

  console.log(ctx)

  return (
    <div className="border-2 border-black p-4">
      <h1 className="text-4xl mb-2">Context Component</h1>
      <p className="text-red-600 font-bold mb-2">{ctx?.state}</p>
    </div>
  )
}
